.order-wrap{
  // padding: 20rpx 10rpx 0 10rpx;
  z-index: 1;
  .search-content{
    position: relative;
    padding: 10rpx 10rpx 0 10rpx;
    .filter-bar{
      width: 70%;
      min-height: 200rpx;
      position: absolute;
      top: 100rpx;
      right: 0;
      padding: 20rpx;
      border: 1rpx solid rgb(218, 211, 211);
      background-color: #fff;
      z-index: 99;
      .sh-item{
        display: flex;
        align-items: center;
        margin-bottom: 12rpx;
        .tl{
          min-width: 160rpx;
          text-align: right;
        }
        .hd-ct, .picker-time{
          width: 320rpx;
          height: 40rpx;
          padding: 12rpx 10rpx;
          border: 1rpx solid rgb(211, 203, 203);
          white-space: nowrap;
          overflow: hidden; 
          text-overflow: ellipsis; 
        }
      }

    }
    .hd-btn{
      display: flex;
      align-items: center;
      .img{
        width: 54rpx;
        height: 54rpx;
      }
    }
    .right-icon{
      display: flex;
      align-items: center;
      .img{
        width: 50rpx;
        height: 50rpx;
      }
    }
    .van-search{
      padding-left: 0 !important;
    }
    .van-search__content {
      margin-right: 10rpx;
    }

  }
	.order-list{
    background-color: #f3f3f3;
    width: calc(100% - 20rpx);
    margin: 0 auto;
    padding: 10rpx 10rpx 0 10rpx;
    height: calc(100vh - 240rpx);		
		.new-item-wrap{
			.item{
				display: flex;
				align-items: center;
				margin-bottom: 10rpx;
				background-color: #fff;
				border-radius: 6rpx;
				.content{
					width: 100%;
					padding: 10rpx;
					.header{
						display: flex;
						align-items: center;
						.order-img{
							.img{
								width: 120rpx;
								height: 120rpx;
							}
						}
						.main-info{
							// display: flex;
							// flex-direction: column;
							flex: 1;
							justify-content: center;
							padding: 0 20rpx;
							.adress{
                width: 100%;
								font-size: 14px;
                font-weight: 600;
                // margin-bottom: 6rpx;
							}
							.time{
                margin-top: 4rpx;
								font-size: 12px;
              }
							.new-time{
								margin-top: 4rpx;
                padding: 2rpx 10rpx;
                color: #ccc5c5c7;
								font-size: 12px;
              }
              .status{
                font-size: 12px;
                margin-top: 4rpx;
                padding: 0rpx 10rpx;
                text-align: center;
                border-radius: 6rpx;
                border: 1rpx solid rgba(255, 145, 0, 0.911);
							  color: rgba(255, 145, 0, 0.911);
                // background-color: rgba(243, 220, 12, 0.301);
                // color: #2f7dcd;
                // background-color: #def;
              }
						}
						.tip{
							width: 60rpx;
							color: rgb(255, 143, 0);
							font-size: 12px;
							margin-bottom: 80rpx;
						}
					}
					.desc{
						width: 100%;
						margin-top: 10rpx;
						padding-top: 10rpx;
						font-size: 14px;
						border-top: 1rpx solid rgb(241, 235, 235);
					}
				}
			}
    }
		.item-wrap{
			.item{
				display: flex;
				align-items: center;
				margin-bottom: 10rpx;
				border: 1rpx solid rgb(161, 154, 154);
				.content{
					flex: 1;
					font-size: 14px;
					border-right: 1rpx solid rgb(161, 154, 154);
					.header{
						// display: flex;
						padding: 10rpx;
						border-bottom: 1rpx solid rgb(161, 154, 154);
            .time{
              display: flex;
              padding: 4rpx 0;
              .name{
                flex: 1;
                font-weight: 400;
              }
            }
            .adress{
              padding: 4rpx 0 8rpx 0;
            }
						.tip{
              width: 66rpx;
              text-align: center;
              border-radius: 6rpx;
              // background-color: rgb(42, 153, 218);
              background-color: rgb(255, 143, 0);
              color: #fff;
              font-size: 12px;
              padding: 2rpx 4rpx;
						}
					}
					.desc{
						min-height: 50rpx;
						padding: 10rpx;
					}
				}
				.right-btn{
          display: flex;
          align-items: center;
          justify-content: start;
          width: 120rpx;
          padding-left: 8rpx;
					height: 100rpx;
					font-size: 14px;
					// text-align: center;
				}
			}
		}
	}
}